<!DOCTYPE html>
<html lang="en-us">
  <head>
    
    <script type="application/ld+json">

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Who's using Tranquilpeak Hugo Theme",
  
  "image": "//d1u9biwaxjngwg.cloudfront.net/cover-image-showcase/city-750.jpg",
  
  "datePublished": "2015-06-14T00:00:00Z",
  "dateModified": "2015-06-14T00:00:00Z",
  "author": {
    "@type": "Person",
    "name": "Firstname Lastname",
    
    "image": "https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c"
    
  },
  "mainEntityOfPage": { 
    "@type": "WebPage",
    "@id": "https:\/\/example.org\/2015\/06\/who-is-using-tranquilpeak-hugo-theme\/" 
  },
  "publisher": {
    "@type": "Organization",
    "name": "Hugo tranquilpeak theme",
    
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c"
    }
    
  },
  "description": "Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.\n",
  "keywords": []
}

</script>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Hugo 0.93.2 with theme Tranquilpeak 0.5.3-BETA">
<meta name="author" content="Firstname Lastname">
<meta name="keywords" content="">
<meta name="description" content="Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.">


<meta property="og:description" content="Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.">
<meta property="og:type" content="article">
<meta property="og:title" content="Who&#39;s using Tranquilpeak Hugo Theme">
<meta name="twitter:title" content="Who&#39;s using Tranquilpeak Hugo Theme">
<meta property="og:url" content="https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/">
<meta property="twitter:url" content="https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/">
<meta property="og:site_name" content="Hugo tranquilpeak theme">
<meta property="og:description" content="Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.">
<meta name="twitter:description" content="Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.">
<meta property="og:locale" content="en-us">

  
    <meta property="article:published_time" content="2015-06-14T00:00:00">
  
  
    <meta property="article:modified_time" content="2015-06-14T00:00:00">
  
  
  
    
      <meta property="article:section" content="tranquilpeak">
    
      <meta property="article:section" content="showcase">
    
  
  


<meta name="twitter:card" content="summary">







  <meta property="og:image" content="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=640">
  <meta property="twitter:image" content="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=640">





  <meta property="og:image" content="//d1u9biwaxjngwg.cloudfront.net/cover-image-showcase/city-750.jpg">
  <meta property="twitter:image" content="//d1u9biwaxjngwg.cloudfront.net/cover-image-showcase/city-750.jpg">


    <title>Who&#39;s using Tranquilpeak Hugo Theme</title>

    <link rel="icon" href="https://example.org/favicon.png">
    

    

    <link rel="canonical" href="https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/">

    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    
    
    
    <link rel="stylesheet" href="https://example.org/css/style-h6ccsoet3mzkbb0wngshlfbaweimexgqcxj0h5hu4h82olsdzz6wmqdkajm.min.css" />
    
    

    
      
    
    
  </head>

  <body>
    <div id="blog">
      <header id="header" data-behavior="4">
  <i id="btn-open-sidebar" class="fa fa-lg fa-bars"></i>
  <div class="header-title">
    <a class="header-title-link" href="https://example.org/" aria-label="Go to homepage">Hugo tranquilpeak theme</a>
  </div>
  
    
      <a class="header-right-picture "
         href="https://example.org/#about" aria-label="Open the link: /#about">
    
    
    
      
        <img class="header-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=90" alt="Author&#39;s picture" />
      
    
    </a>
  
</header>

      <nav id="sidebar" data-behavior="4">
  <div class="sidebar-container">
    
      <div class="sidebar-profile">
        <a href="https://example.org/#about" aria-label="Read more about the author">
          <img class="sidebar-profile-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=110" alt="Author&#39;s picture" />
        </a>
        <h4 class="sidebar-profile-name">Firstname Lastname</h4>
        
          <h5 class="sidebar-profile-bio">Super bio with markdown support <strong>COOL</strong></h5>
        
      </div>
    
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/" title="Home">
    
      <i class="sidebar-button-icon fas fa-lg fa-home" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">Home</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/categories" title="Categories">
    
      <i class="sidebar-button-icon fas fa-lg fa-bookmark" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">Categories</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/tags" title="Tags">
    
      <i class="sidebar-button-icon fas fa-lg fa-tags" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">Tags</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/archives" title="Archives">
    
      <i class="sidebar-button-icon fas fa-lg fa-archive" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">Archives</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/#about" title="About">
    
      <i class="sidebar-button-icon fas fa-lg fa-question" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">About</span>
    </a>
  </li>


    </ul>
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://github.com/kakawait" target="_blank" rel="noopener" title="GitHub">
    
      <i class="sidebar-button-icon fab fa-lg fa-github" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">GitHub</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://stackoverflow.com/users/636472/kakawait" target="_blank" rel="noopener" title="Stack Overflow">
    
      <i class="sidebar-button-icon fab fa-lg fa-stack-overflow" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">Stack Overflow</span>
    </a>
  </li>


    </ul>
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://example.org/index.xml" title="RSS">
    
      <i class="sidebar-button-icon fas fa-lg fa-rss" aria-hidden="true"></i>
      
      <span class="sidebar-button-desc">RSS</span>
    </a>
  </li>


    </ul>
  </div>
</nav>

      

      <div id="main" data-behavior="4"
        class="
               hasCoverMetaIn
               ">
        <article class="post" id="top">
          
          
            <div class="post-header main-content-wrap text-left">
  
    <h1 class="post-title">
      Who&#39;s using Tranquilpeak Hugo Theme
    </h1>
  
  
  <div class="postShorten-meta post-meta">
    
      <time datetime="2015-06-14T00:00:00Z">
        
  June 14, 2015

      </time>
    
    
  
  
    <span>in</span>
    
      <a class="category-link" href="https://example.org/categories/tranquilpeak">tranquilpeak</a>, 
    
      <a class="category-link" href="https://example.org/categories/showcase">showcase</a>
    
  

  </div>

</div>
          
          <div class="post-content markdown">
            <div class="main-content-wrap">
              <p>Here you can find a list of the blogs that use Tranquilpeak theme, with different styles and customizations.</p>
<p>If you want to add your site to this showcase, click <a href="https://github.com/kakawait/hugo-tranquilpeak-theme/issues/new?title=Add%20my%20blog%20into%20the%20showcase&amp;body=Hey,%20add%20my%20blog%20into%20the%20showcase:">here</a> and fill the following information:</p>
<ul>
<li>public url</li>
<li>name (optional)</li>
<li>description (optional)</li>
</ul>
<h2 id="eric-bouchuts-blog">Eric Bouchut&rsquo;s blog</h2>
<p><a href="http://ericbouchut.com/"><img src="http://i.imgur.com/zQmKIKNm.png" alt="Eric Bouchut&amp;rsquo;s blog"></a></p>
<h2 id="robin-hus-blog">Robin Hu&rsquo;s blog</h2>
<p><a href="http://robinforest.net/"><img src="https://i.imgur.com/7SujaMam.png" alt="Robin Hu&amp;rsquo;s blog"></a></p>
<h2 id="zentechnistas-blog">Zentechnista&rsquo;s blog</h2>
<p><a href="https://zentechnista.github.io/"><img src="https://i.imgur.com/7zN7WMMm.png" alt="Zentechnista&amp;rsquo;s blog"></a></p>
<h2 id="viajes-dendariis-blog">Viajes Dendarii&rsquo;s blog</h2>
<p><a href="https://dendarii.es"><img src="https://i.imgur.com/tdXK3kYm.png" alt="Viajes Dendarii&amp;rsquo;s blog"></a></p>
<h2 id="wajahat-karims-blog">Wajahat Karim&rsquo;s blog</h2>
<p><a href="https://wajahatkarim.com/"><img src="https://i.imgur.com/9BPoJvdm.png" alt="Wajahat Karim&amp;rsquo;s blog"></a></p>
<h2 id="xiaoyun-yangs-blog">Xiaoyun Yang&rsquo;s blog</h2>
<p><a href="http://xiaoyunyang.github.io/"><img src="https://i.imgur.com/vVRSvhpm.png" alt="Xiaoyun Yang&amp;rsquo;s blog"></a></p>
<h2 id="alfred-e-lins-blog">Alfred E. Lin&rsquo;s blog</h2>
<p><a href="http://alfredlin.com/"><img src="https://i.imgur.com/lHwsvIJm.png" alt="Alfred E. Lin&amp;rsquo;s blog"></a></p>
<h2 id="philipp-gärtners-blog">Philipp Gärtner&rsquo;s blog</h2>
<p><a href="https://philippgaertner.github.io/"><img src="https://i.imgur.com/Sx6oXnSm.png" alt="Philipp Gärtner&amp;rsquo;s blog"></a></p>
<h2 id="sagar-khatris-blog">Sagar Khatri&rsquo;s blog</h2>
<p><a href="https://www.ragasirtahk.tk/"><img src="https://i.imgur.com/edZ3PO9m.png" alt="Sagar Khatri&amp;rsquo;s blog"></a></p>
<h2 id="dr-cruz-rincóns-blog">Dr. Cruz Rincón&rsquo;s blog</h2>
<p><a href="https://www.cruzrincon.com.ve/"><img src="https://i.imgur.com/XazQAolm.png" alt="Dr. Cruz Rincón&amp;rsquo;s blog"></a></p>
<h2 id="björn-oettinghauss-blog">Björn Oettinghaus&rsquo;s blog</h2>
<p><a href="https://www.datisticsblog.com/"><img src="https://i.imgur.com/8vSMWIam.png" alt="Björn Oettinghaus&amp;rsquo;s blog"></a></p>
<h2 id="ivan-fadila-putras-blog">Ivan Fadila Putra&rsquo;s blog</h2>
<p><a href="https://ffadilaputra.github.io/"><img src="https://i.imgur.com/r7tJa2Lm.png" alt="Ivan Fadila Putra&amp;rsquo;s blog"></a></p>
<h2 id="-balloon--fu-sen-blog">🎈 BALLOON | FU-SEN blog</h2>
<p><a href="https://balloon.asia/"><img src="https://i.imgur.com/7tDrORCm.png" alt="🎈 BALLOON | FU-SEN blog"></a></p>
<h2 id="yue-haos-blog">Yue Hao&rsquo;s blog</h2>
<p><a href="https://yueyvettehao.netlify.com/"><img src="https://i.imgur.com/CDDrTr4m.png" alt="Yue Hao&amp;rsquo;s blog"></a></p>
<h2 id="adrian-riyadis-blog">Adrian Riyadi&rsquo;s blog</h2>
<p><a href="https://blog.adrian.id/"><img src="https://i.imgur.com/s6yB9lFm.png" alt="Adrian Riyadi&amp;rsquo;s blog"></a></p>
<h2 id="vijay-matetis-blog">Vijay Mateti&rsquo;s blog</h2>
<p><a href="https://vijaymateti.com/"><img src="https://i.imgur.com/8LMItYSm.png" alt="Vijay Mateti&amp;rsquo;s blog"></a></p>
<h2 id="walid-benchaas-blog">Walid Benchaa&rsquo;s blog</h2>
<p><a href="https://rekkodo.gitlab.io/"><img src="https://i.imgur.com/8yn9DaOm.png" alt="Walid Benchaa&amp;rsquo;s blog"></a></p>
<h2 id="stella-wangs-blog">Stella Wang&rsquo;s blog</h2>
<p><a href="https://hiwanglong.github.io/"><img src="https://i.imgur.com/F0jVpsOm.png" alt="Stella Wang&amp;rsquo;s blog"></a></p>
<h2 id="aditya-mangals-blog">Aditya Mangal&rsquo;s blog</h2>
<p><a href="https://www.adityamangal.com/"><img src="https://i.imgur.com/FKrnNGlm.png" alt="Aditya Mangal&amp;rsquo;s blog"></a></p>
<h2 id="agonyuss-blog">Agonyus&rsquo;s blog</h2>
<p><a href="https://agonyus.com/"><img src="https://i.imgur.com/P25TDrFm.png" alt="Agonyus&amp;rsquo;s blog"></a></p>
<h2 id="namshik-kims-blog">Namshik Kim&rsquo;s blog</h2>
<blockquote>
<p>Data science blog</p>
</blockquote>
<p><a href="https://physhik.com/"><img src="https://i.imgur.com/oQ8i7k7m.png" alt="Namshik Kim&amp;rsquo;s blog"></a></p>
<h2 id="razvan-avramescus-blog">Razvan Avramescu&rsquo;s blog</h2>
<p><a href="https://www.avramescu.net/"><img src="https://i.imgur.com/vyhMGDFm.png" alt="Razvan Avramescu&amp;rsquo;s blog"></a></p>
              


            </div>
          </div>
          <div id="post-footer" class="post-footer main-content-wrap">
            
              
            
            
<div class="post-actions-wrap">
  <nav >
    <ul class="post-actions post-action-nav">
      
        <li class="post-action">
          
            <a class="post-action-btn btn btn--default tooltip--top" href="https://example.org/2015/06/welcome-to-tranquilpeak-0.5.3-beta/" data-tooltip="Welcome to Tranquilpeak 0.5.3-BETA" aria-label="NEXT: Welcome to Tranquilpeak 0.5.3-BETA">
          
              <i class="fa fa-angle-left"></i>
              <span class="hide-xs hide-sm text-small icon-ml">NEXT</span>
            </a>
        </li>
        <li class="post-action">
          
            <a class="post-action-btn btn btn--default tooltip--top" href="https://example.org/2015/05/elements-showcase/" data-tooltip="Elements showcase" aria-label="PREVIOUS: Elements showcase">
          
              <span class="hide-xs hide-sm text-small icon-mr">PREVIOUS</span>
              <i class="fa fa-angle-right"></i>
            </a>
        </li>
      
    </ul>
  </nav>
<ul class="post-actions post-action-share" >
  
    <li class="post-action hide-lg hide-md hide-sm">
      <a class="post-action-btn btn btn--default btn-open-shareoptions" href="#btn-open-shareoptions" aria-label="Share this post">
        <i class="fa fa-share-alt" aria-hidden="true"></i>
      </a>
    </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://www.facebook.com/sharer/sharer.php?u=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Facebook" aria-label="Share on Facebook">
          <i class="fab fa-facebook-square" aria-hidden="true"></i>
        </a>
      </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://twitter.com/intent/tweet?text=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Twitter" aria-label="Share on Twitter">
          <i class="fab fa-twitter" aria-hidden="true"></i>
        </a>
      </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://www.linkedin.com/sharing/share-offsite/?url=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Linkedin" aria-label="Share on Linkedin">
          <i class="fab fa-linkedin" aria-hidden="true"></i>
        </a>
      </li>
    
  
  
    <li class="post-action">
      <a class="post-action-btn btn btn--default" href="#disqus_thread" aria-label="Leave a comment">
        <i class="far fa-comment"></i>
      </a>
    </li>
  
  <li class="post-action">
    
      <a class="post-action-btn btn btn--default" href="#top" aria-label="Back to top">
      <i class="fa fa-arrow-up" aria-hidden="true"></i>
    
    </a>
  </li>
</ul>
</div>


            
  
    <div id="disqus_thread">
      <noscript>Please enable JavaScript to view the comments powered by Disqus.</noscript>
    </div>
    <script type="text/javascript">
      var disqus_config = function() {
        this.page.url = 'https:\/\/example.org\/2015\/06\/who-is-using-tranquilpeak-hugo-theme\/';
        
          this.page.identifier = '\/2015\/06\/who-is-using-tranquilpeak-hugo-theme\/'
        
      };
      (function() {
        
        
        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
          document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
          return;
        }
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        var disqus_shortname = 'hugo-tranquilpeak-theme';
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
      })();
    </script>
  


          </div>
        </article>
        <footer id="footer" class="main-content-wrap">
  <span class="copyrights">
    &copy; 2022 Firstname Lastname. All Rights Reserved
  </span>
</footer>

      </div>
      <div id="bottom-bar" class="post-bottom-bar" data-behavior="4">
        
<div class="post-actions-wrap">
  <nav >
    <ul class="post-actions post-action-nav">
      
        <li class="post-action">
          
            <a class="post-action-btn btn btn--default tooltip--top" href="https://example.org/2015/06/welcome-to-tranquilpeak-0.5.3-beta/" data-tooltip="Welcome to Tranquilpeak 0.5.3-BETA" aria-label="NEXT: Welcome to Tranquilpeak 0.5.3-BETA">
          
              <i class="fa fa-angle-left"></i>
              <span class="hide-xs hide-sm text-small icon-ml">NEXT</span>
            </a>
        </li>
        <li class="post-action">
          
            <a class="post-action-btn btn btn--default tooltip--top" href="https://example.org/2015/05/elements-showcase/" data-tooltip="Elements showcase" aria-label="PREVIOUS: Elements showcase">
          
              <span class="hide-xs hide-sm text-small icon-mr">PREVIOUS</span>
              <i class="fa fa-angle-right"></i>
            </a>
        </li>
      
    </ul>
  </nav>
<ul class="post-actions post-action-share" >
  
    <li class="post-action hide-lg hide-md hide-sm">
      <a class="post-action-btn btn btn--default btn-open-shareoptions" href="#btn-open-shareoptions" aria-label="Share this post">
        <i class="fa fa-share-alt" aria-hidden="true"></i>
      </a>
    </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://www.facebook.com/sharer/sharer.php?u=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Facebook" aria-label="Share on Facebook">
          <i class="fab fa-facebook-square" aria-hidden="true"></i>
        </a>
      </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://twitter.com/intent/tweet?text=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Twitter" aria-label="Share on Twitter">
          <i class="fab fa-twitter" aria-hidden="true"></i>
        </a>
      </li>
    
      <li class="post-action hide-xs">
        <a class="post-action-btn btn btn--default" target="new" href="https://www.linkedin.com/sharing/share-offsite/?url=https://example.org/2015/06/who-is-using-tranquilpeak-hugo-theme/" title="Share on Linkedin" aria-label="Share on Linkedin">
          <i class="fab fa-linkedin" aria-hidden="true"></i>
        </a>
      </li>
    
  
  
    <li class="post-action">
      <a class="post-action-btn btn btn--default" href="#disqus_thread" aria-label="Leave a comment">
        <i class="far fa-comment"></i>
      </a>
    </li>
  
  <li class="post-action">
    
      <a class="post-action-btn btn btn--default" href="#top" aria-label="Back to top">
      <i class="fa fa-arrow-up" aria-hidden="true"></i>
    
    </a>
  </li>
</ul>
</div>


      </div>
      
<div id="share-options-bar" class="share-options-bar" data-behavior="4">
  <i id="btn-close-shareoptions" class="fa fa-times"></i>
  <ul class="share-options">
    
      <li class="share-option">
        <a class="share-option-btn" target="new" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.org%2F2015%2F06%2Fwho-is-using-tranquilpeak-hugo-theme%2F" aria-label="Share on Facebook">
          <i class="fab fa-facebook-square" aria-hidden="true"></i><span>Share on Facebook</span>
        </a>
      </li>
    
      <li class="share-option">
        <a class="share-option-btn" target="new" href="https://twitter.com/intent/tweet?text=https%3A%2F%2Fexample.org%2F2015%2F06%2Fwho-is-using-tranquilpeak-hugo-theme%2F" aria-label="Share on Twitter">
          <i class="fab fa-twitter" aria-hidden="true"></i><span>Share on Twitter</span>
        </a>
      </li>
    
      <li class="share-option">
        <a class="share-option-btn" target="new" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fexample.org%2F2015%2F06%2Fwho-is-using-tranquilpeak-hugo-theme%2F" aria-label="Share on Linkedin">
          <i class="fab fa-linkedin" aria-hidden="true"></i><span>Share on Linkedin</span>
        </a>
      </li>
    
  </ul>
</div>
<div id="share-options-mask" class="share-options-mask"></div>


    </div>
    
    <div id="about">
  <div id="about-card">
    <div id="about-btn-close">
      <i class="fa fa-times"></i>
    </div>
    
      <img id="about-card-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=110" alt="Author&#39;s picture" />
    
    <h4 id="about-card-name">Firstname Lastname</h4>
    
      <div id="about-card-bio">Super bio with markdown support <strong>COOL</strong></div>
    
    
      <div id="about-card-job">
        <i class="fa fa-briefcase"></i>
        <br/>
        Your job title
      </div>
    
    
      <div id="about-card-location">
        <i class="fa fa-map-marker-alt"></i>
        <br/>
        France
      </div>
    
  </div>
</div>

    

    
  
    
      <div id="cover" style="background-image:url('https://example.org/images/cover.jpg');"></div>
    
  


    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/highlight.min.js" integrity="sha512-z+/WWfyD5tccCukM4VvONpEtLmbAm5LDu7eKiyMQJ9m7OfPEDL7gENyDRL3Yfe8XAuGsS2fS4xSMnl6d30kqGQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<script src="https://example.org/js/script-yqzy9wdlzix4lbbwdnzvwx3egsne77earqmn73v9uno8aupuph8wfguccut.min.js"></script>


  
    <script async crossorigin="anonymous" defer integrity="sha512-gE8KAQyFIzV1C9+GZ8TKJHZS2s+n7EjNtC+IMRn1l5+WYJTHOODUM6JSjZhFhqXmc7bG8Av6XXpckA4tYhflnw==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/apache.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-EWROca+bote+7Oaaar1F6y74iZj1r1F9rm/ly7o+/FwJopbBaWtsFDmaKoZDd3QiGU2pGacBirHJNivmGLYrow==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/go.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-GDVzAn0wpx1yVtQsRWmFc6PhJiLBPdUic+h4GWgljBh904O3JU10fk9EKNpVyIoPqkFn54rgL2QBG4BmUTMpiQ==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/http.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-UgZlma8NzkrDb/NWgmLIcTrH7i/CSnLLDRFqCSNF5NGPpjKmzyM25qcoXGOup8+cDakKyaiTDd7N4dyH4YT+IA==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/less.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-lot9koe73sfXIrUvIPM/UEhuMciN56RPyBdOyZgfO53P2lkWyyXN7J+njcxIIBRV+nVDQeiWtiXg+bLAJZDTfg==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/nginx.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-Zd3e7XxHP00TD0Imr0PIfeM0fl0v95kMWuhyAS3Wn1UTSXTkz0OhtRgBAr4JlmADRgiXr4x7lpeUdqaGN8xIog==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/puppet.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-qtqDO052iXMSP+5d/aE/jMtL9vIIGvONgTJziC2K/ZIB1yEGa55WVxGE9/08rSQ62EoDifS9SWVGZ7ihSLhzMA==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/scss.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-1NmkjnEDnwwwcu28KoQF8vs3oaPFokQHbmbtwGhFfeDsQZtVFI8zW2aE9O8yMYdpdyKV/5blE4pSWw4Z/Sv97w==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/stylus.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-B2wSfruPjr8EJL6IIzQr1eAuDwrsfIfccNf/LCEdxELCgC/S/ZMt/Uvk80aD79m7IqOqW+Sw8nbkvha20yZpzg==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/swift.min.js"></script>
  

  
    <script async crossorigin="anonymous" defer integrity="sha512-28oDiQZGKUVN6wQ7PSLPNipOcmkCALXKwOi7bnkyFf8QiMZQxG9EQoy/iiNx6Zxj2cG2SbVa4dXKigQhu7GiFw==" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/languages/yaml.min.js"></script>
  


<script>
$(document).ready(function() {
  hljs.configure({ classPrefix: '', useBR: false });
  $('pre.code-highlight > code, pre > code').each(function(i, block) {
    if (!$(this).hasClass('codeblock')) {
      $(this).addClass('codeblock');
    }
    hljs.highlightBlock(block);
  });
});
</script>




    
  </body>
</html>

